<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
  
<meta http-equiv="Content-Type" content="text/html; 
charset=UTF-8">
        <title>Jquery rating system with beautiful stars-jquery Plugin</title>
        
    </body></html>
    
    <%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>reviewWrite</title>
<script type="text/javascript" src="../JS/jquery-1.3.2.min.js"></script>
<link href="../CSS/rating_bar.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="../CSS/style.css">

</head>
<body>
<div id = "r_p1" class = "border">
<div id = "r_p2" class = "border scroll">

<div id = "r_c1" class = "border">

<div id = "r_c1_1" class = "border lfloat">
<div class = "height20"></div>
<div id =  "c_poster" class = "border">
영화포스터

</div>
</div><!-- r_c1_1 -->
<div id = "r_c1_2" class = "border rfloat">

<div id = "r_c1_2_a" class = "border">
<div class = "f16 bold">
Review:
</div>
<textarea style="overflow:hidden" class = "texta border"></textarea>
</div><!-- r_c2_a -->

<div id = "r_c1_2_b" class = "border">
<div class = "f16 bold">
<script type="text/javascript" src="../JS/jquery-1.3.2.min.js"></script>
    </head><body>
        <link href="../CSS/rating_bar.css" rel="stylesheet" type="text/css">
    <h2>
      <script type="text/javascript" src="../JS/rating_bar.js"></script>
영화 평점
  <input name="my_input" value="3" id="rating_simple1" type="text">
    </h2>
    <script language="javascript" type="text/javascript">
            function test(value){
                alert("This rating's value is "+value);
            }
            $(function() {
                $("#rating_simple1").webwidget_rating_bar({
                    rating_star_length: '5',
                    rating_default_value: '0',
                    rating_function_name: '',//this is function name for click
                    directory: '../images/'
                });
            });
        </script>
</div>


</div><!-- r_c2_b -->

</div><!-- r_c1_2 -->


</div> <!-- r_c1 -->

<div id = "r_c2" class = "border">

<div id = "r_c2_1" class = "border lfloat">

<div class = "f16 bold">
OST
</div>
<div id = "c_ost" class ="border">

</div>
</div><!-- r_c1_1 -->

<div id = "r_c2_2" class = "border rfloat">
<div id = "r_c2_2_a" class = "border">
<div class = "f16 bold">
관람기록
</div>
<div class = "f14 bold">
관람일:
<input type = "text" class = "border">
</div>
<div class = "f14 bold">
영화관:
<input type = "text" class = "border">
</div>
</div><!-- r_c2_a -->

<div id = "r_c2_2_b" class = "border">
<div class = "f16 bold">
명대사
</div>
</div><!-- r_c2_b -->

</div><!-- r_c2_2 -->



</div> <!-- r_c2 -->



</div><!-- r_p2 -->

	<div class="m_c1">
	
		<span >
			<input type = "button" class="lfloat l_btn2 f12 bold"  value = "취소"  style="cursor:pointer">
		</span>
		<span>
			<input type = "button"  class="rfloat l_btn2 f12 bold bg_blue f_white"  value = "등록"   style="cursor: pointer">
		</span>
		
	</div>
</div><!-- r_p1 -->


</body>
</html>